<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>kk programing</title>
    <link rel="stylesheet" type="text/css" href="photo_album.css">
    <link href="../img/icon.png" rel="icon">
    <script type="text/javaScript" src="photo_album.js"></script>
</head>

<body onload="date()">
    <div class="main">
        <header>
            <button class="home_page" onclick="home_page()">home page</button>
            <div class="title">
                <div class="title_symbol"></div>
                <p id="p_inf_title">photo album</p>
                <div class="title_symbol"></div>
            </div>

            <div id="search">
                <form>
                    <input type="text" placeholder="search..." class="search">
                    <button type="button">搜索</button>
                </form>
            </div>
        </header>

        <div class="following">
            <!-- 左侧边栏 -->
            <aside id="left_aside">
                <div class="l_button">
                    <button id="点赞"></button>
                    <button id="评论"></button>
                    <button id="收藏"></button>
                    <button id="举报"></button>
                    <div></div>
                    <!--<p>分享</p>-->
                    <button id="微博"></button>
                    <button id="qq"></button>
                    <button id="微信"></button>
                </div>
            </aside>

            <!-- 主要内容 -->
            <div class="center">
                <ul id="out">

                    <li id="sky">
                        sky
                        <input type="radio" name="section" id="section1" onclick="_alert()">
                    </li>
                    
                    <li id="dormitory">
                        dormitory
                        <input type="radio" name="section" id="section2" onclick="_alert()">
                    </li>

                    <li id="trip">
                        trip
                        <input type="radio" name="section" id="section3" onclick="_alert()">
                    </li>
                    
                    <li id="flower">
                        flower
                        <input type="radio" name="section" id="section4" onclick="_alert()">
                    </li>
                    
                    <li id="with_friends">
                        with friends
                        <input type="radio" name="section" id="section5" onclick="_alert()">
                    </li>

                </ul>
            </div>

            <!-- 包括右侧边栏的一片内容 -->
            <aside id="right_aside">
                <div id="three">
                    <div class="time">
                        <div id="time_img"></div>
                        <div id="time_text">
                            <h2 id="t"></h2>
                        </div>
                    </div>


                    <div class="content">
                        <textarea id="memo" placeholder="write something to me!"></textarea>
                        <div class="butt">
                            <input type="button" value="send" onclick="saveStorage('memo')" />
                            <input type="button" value="clear" onclick="clearText('memo')" />
                        </div>
                        <!--<button id="send"></button>*/-->
                    </div>

                    <div id="msg" readonly></div>

                </div>


            </aside>

        </div>

        <footer>
            <div id="menu_home">
                <img src="img/menu_home.png" width=20px height=20px>
            </div>
            <div>
                https://kkprograming.gitee.io/html
            </div>
        </footer>
    </div>
</body>

</html>